<md-card
    ui-card-size="{{ me.item.width }}x{{ me.item.height }}"
    layout="row"
    layout-align="space-between center"
    class="nr-dashboard-textinput"
    ng-class="[{'nr-dashboard-disabled':me.item.disabled}, me.item.className]"
    node-id="{{me.item.id}}">
    <md-input-container
        class="md-block"
        flex
        md-is-error="false"
        ng-class="{'has-label':me.item.label}">
        <label ng-bind-html="me.item.getLabel()"></label>
        <md-tooltip
            ng-if="me.item.getTooltip().length"
            md-delay="700"
            md-direction="bottom"
            ng-bind-html="me.item.getTooltip()">
        </md-tooltip>
        <input
            ng-model="me.item.value"
            ng-model-options="{'timezone':'GMT'}"
            ng-change="me.valueChanged({{me.item.delay}})"
            ng-trim="false"
            ng-disabled="me.item.disabled"
            aria-label="{{me.item.label}}"
            type="{{me.item.mode}}"
            style="z-index:1"
            ng-style="(me.item.mode==='color') && {'padding-left':'25%'}"
            step="any"/>
    </md-input-container>
</md-card>
